<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>密码找回</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/theme/css/main.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/theme/css/index.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/theme/css/style_reg.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/theme/js/jquery-1.6.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/theme/js/jquery.validate.js"></script>

<style type="text/css">
#usernameForm dl {
    float: left;
    padding: 5px 0;
    width: 600px;
}
#usernameForm dt {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 80px;
}
#usernameForm dd {
    float: left;
    position: relative;
}
</style>

<script type="text/javascript">
	$(document).ready(function(){
	  	$("#usernameForm").validate({
	  	rules : {
	  		"newPassword" : {
	  			required : true,
	  			maxlength : 20,
	  			minlength : 6
	  		},
	  		"verifyNewPassword" : {
	  			required : true,
	  			equalTo : "#newPassword"
	  		}
	  	},
	  	messages : {
	  		"newPassword" : {
	  			required : "请输入密码",
	  			maxlength : "密码应该在6到20位之间",
	  			minlength : "密码应该在6到20位之间"
	  		},
	  		"verifyNewPassword" : {
	  			required : "请再次输入密码",
	  			equalTo : "两次输入的密码不一致"
	  		}
	  	}
	  	});
	  });
</script>

</head>

<body>
	<div>
		<jsp:include page="/header.jsp"></jsp:include>
	</div>
	
	<div id="StepOne" style="margin-top:50px; width:400px; display:block; margin-left:auto; margin-right:auto;">
		<div style="color:red; font-size:15px;"><s:property value="resultMsg"/><s:fielderror></s:fielderror></div>
		<font size="3"><strong>为保护您的账号安全，请重新设置您的账号密码：</strong></font>
		<form method="post" id="usernameForm" name="usernameForm" action="/huoyun/user/setNewPassword.action?userId=<%=request.getParameter("userId") %>&lkid=<%=request.getParameter("lkid") %>&sec=<%=request.getParameter("sec") %>">
			<dl>
				<dt>
					<label for="newPassword">
						新密码:
					</label>
				</dt>
				<dd>
					<input type="password" maxlength="20" name="newPassword" id="newPassword" class="inputtext" />
				</dd>
			</dl>
			<dl>
				<dt>
					<label for="verifyNewPassword">
						确认新密码:
					</label>
				</dt>
				<dd>
					<input type="password" name="verifyNewPassword" id="verifyNewPassword" class="inputtext" />
				</dd>
			</dl>
			<dl>
				<dt>
					&nbsp;
				</dt>
				<dd>
					<div class="button button-mblue">
						<input type="submit" value="确认提交" class="button-text">
					</div>
				</dd>
			</dl>
		</form>
    </div>
    
    <div class="clear"></div>
    
    <div>
		<jsp:include page="/footer.jsp"></jsp:include>
	</div>
</body>
</html>
